{extend name="common" /}

{block name="title"}
登入 - layuiAdmin
{/block}

{block name="css"}
<link rel="stylesheet" href="__layuiadmin__/style/login.css" media="all">
{/block}

{block name="content"}
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  <div class="layadmin-user-login-main">
    <div class="layadmin-user-login-box layadmin-user-login-header">
      <h2>layuiAdmin</h2>
      <p>layui 官方出品的单页面后台管理模板系统</p>
    </div>
    <!-- 表单 -->
    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
      <div class="layui-form-item">
        <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
        <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名"
               class="layui-input">
      </div>
      <div class="layui-form-item">
        <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
        <input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码"
               class="layui-input">
      </div>
      <div class="layui-form-item">
        <div class="layui-row">
          <div class="layui-col-xs7">
            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>
            <input type="text" name="captcha" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码"
                   class="layui-input">
          </div>
          <div class="layui-col-xs5">
            <div style="margin-left: 10px;">
              <img src="{:captcha_src()}" class="layadmin-user-login-codeimg" id="captcha">
            </div>
          </div>
        </div>
      </div>
<!--      <div class="layui-form-item" style="margin-bottom: 20px;">-->
<!--        <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
<!--        <a href="{:url('login/forget')}" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码？</a>-->
<!--      </div>-->
      <div class="layui-form-item">
        <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="*">登 入</button>
      </div>
      <div class="layui-trans layui-form-item layadmin-user-login-other">
        <label>社交账号登入</label>
        <a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>
        <a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>
        <a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>
        <a href="{:url('login/signUp')}" class="layadmin-user-jump-change layadmin-link">注册帐号</a>
      </div>
    </div>
  </div>

  <div class="layui-trans layadmin-user-login-footer">
    <p>© 2018 <a href="http://www.layui.com/" target="_blank">layui.com</a></p>
    <p>
      <span><a href="http://www.layui.com/admin/#get" target="_blank">获取授权</a></span>
      <span><a href="http://www.layui.com/admin/pro/" target="_blank">在线演示</a></span>
      <span><a href="http://www.layui.com/admin/" target="_blank">前往官网</a></span>
    </p>
  </div>

  <!--  <div class="ladmin-user-login-theme">-->
  <!--    <script type="text/html" template>-->
  <!--      <ul>-->
  <!--        <li data-theme=""><img src="{{ layui.setter.base }}style/res/bg-none.jpg"></li>-->
  <!--        <li data-theme="#03152A" style="background-color: #03152A;"></li>-->
  <!--        <li data-theme="#2E241B" style="background-color: #2E241B;"></li>-->
  <!--        <li data-theme="#50314F" style="background-color: #50314F;"></li>-->
  <!--        <li data-theme="#344058" style="background-color: #344058;"></li>-->
  <!--        <li data-theme="#20222A" style="background-color: #20222A;"></li>-->
  <!--      </ul>-->
  <!--    </script>-->
  <!--  </div>-->

</div>
{/block}

{block name="js"}
<script>
    layui.use(['toolkit', 'form', 'jquery'], function () {
        var $ = layui.jquery,
            toolkit = layui.toolkit,
            form = layui.form;

        function changeCaptcha() {
            $('#captcha').attr('src', "/captcha.html?t=" + (new Date).getTime());
        }

        $(document).on('click', '#captcha', function () {
            changeCaptcha();
        });

        form.on('submit(*)', function (obj) {
            toolkit.request.post({
                url: '/login/signIn',
                data: obj.field,
            }, function (res) {
                toolkit.msg.success('登录成功', function () {
                    window.location.href = '/'; //后台主页
                });
            }, function (res) {
                toolkit.msg.error(res.msg);
                changeCaptcha();
            })
        });
    });
</script>
{/block}
